{% extends "base.html" %}

{% block extrahead %}
  <!-- Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z0830M4X7R"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-Z0830M4X7R');
  </script>

  <!-- 百度站长验证 -->
  <meta name="baidu-site-verification" content="codeva-NpoViCNtCD" />

  <!-- Google Ads -->
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5542915109010885"
     crossorigin="anonymous"></script>

  <!-- Adsterra Ad Script -->
  <script async="async" data-cfasync="false" src="//pl25938020.effectiveratecpm.com/a646a3022cff79d8c663492425f44f77/invoke.js"></script>
  <!-- Meta 标签 -->
  <meta name="keywords" content="{{ config.extra.keywords }}">
  <meta name="description" content="{{ config.site_description }}">
  
  <!-- Open Graph -->
  <meta property="og:title" content="{{ config.extra.og_title }}">
  <meta property="og:description" content="{{ config.extra.og_description }}">
  <meta property="og:image" content="{{ config.site_url }}{{ config.extra.og_image }}">
  <meta property="og:type" content="{{ config.extra.og_type }}">
  
  <!-- Twitter Card -->
  <meta name="twitter:card" content="{{ config.extra.twitter_card }}">
  <meta name="twitter:site" content="{{ config.extra.twitter_site }}">
  <meta name="twitter:creator" content="{{ config.extra.twitter_creator }}">

  <!-- 结构化数据 -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Book",
      "name": "{{ config.site_name }}",
      "author": {
        "@type": "Person",
        "name": "{{ config.site_author }}"
      },
      "description": "{{ config.site_description }}",
      "publisher": {
        "@type": "Organization",
        "name": "{{ config.site_author }}"
      },
      "inLanguage": "zh-CN",
      "genre": "职场成长",
      "keywords": "{{ config.extra.keywords }}"
    }
  </script>
{% endblock %}

{% block content %}
{{ super() }}

<!-- 原有的作者信息和公众号部分保持不变 -->
<div class="wechat-card">
    <div class="author-info">
        <h2>👨‍💻 关于作者</h2>
        <div class="timeline">
            <div class="timeline-item">
                <span class="emoji">🎓</span>
                <strong>2013-2016</strong>
                <p>毕业于北大软件与微电子学院</p>
            </div>
            <div class="timeline-item">
                <span class="emoji">💻</span>
                <strong>2016-2024</strong>
                <p>编码八年，混迹于国企，大厂，外企</p>
            </div>
            <div class="timeline-item">
                <span class="emoji">🚀</span>
                <strong>2025-至今</strong>
                <p>独立开发/一人公司/只工作不上班（其实就是社会闲散人员）</p>
            </div>
        </div>
    </div>
    
    <div class="divider"></div>
    
    <div class="wechat-subscribe">
        <h2>📱 公众号: 辣条加辣</h2>
        <p>更多职场、个人成长、程序员副业的探索和思考</p>
        <img 
          src="{{base_url}}/assets/images/qrcode.jpg" 
          alt="辣条加辣公众号二维码 - 分享程序员职场和成长经验" 
          title="扫码关注公众号：辣条加辣"
        />
        <div class="button-group">
            <a href="https://www.dev-life.online/" class="md-button" target="_blank" title="个人博客">
                <span class="twemoji">
                    {% include ".icons/material/web.svg" %}
                </span>
                个人博客
            </a>
            <a href="{{ base_url }}/pdf/book.pdf" class="md-button" target="_blank" title="下载 PDF">
                <span class="twemoji">
                    {% include ".icons/material/file-pdf-box.svg" %}
                </span>
                离线下载
            </a>
        </div>
    </div>
</div>

<!-- Ad Container -->
<div class="ad-container">
  <div id="container-a646a3022cff79d8c663492425f44f77"></div>
</div>

<!-- 页脚链接 -->
<div class="footer-legal-links">
  <a href="{{ base_url }}/terms/">服务条款</a>
  <span class="separator">|</span>
  <a href="{{ base_url }}/privacy/">隐私政策</a>
  <span class="separator">|</span>
  <a href="{{ base_url }}/cookies/">Cookie 政策</a>
  <span class="separator">|</span>
  <a href="https://uiprompt.art/" target="_blank">uiprompt</a>
</div>
{% endblock %}

{% block header %}
{{ super() }}
{% endblock %} 